<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的项目圈-方案设计3</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/global.css"/>
	</head>
	<body>
		<!--公共头部 start-->
		<div class="commonHead">
			<div class="commonHeadLeft">
				<span class="logo"></span>
				<b>PIAQ</b>
			</div>
			<div class="commonHeadCenter">
				<ul>
					<li>
						<a class="active">项目圈</a>
					</li>
					<li>
						<a>材料数据库</a>
					</li>
					<li>
						<a>计算工具</a>
					</li>
					<li class="clear"></li>
				</ul>
			</div>
			<div class="commonHeadRight">
				<div class="infoCenter">
					<a href="javascript:void(0);">
						<span class="logo"></span>
						<span>消息中心</span>
						<span class="remindCircle"></span>
					</a>
				</div>
				<div class="loginInfo">
					<span class="loginName">KDD</span>
					<span class="logo"></span>
				</div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>
		<!--公共头部 end-->
		
		<!--公共侧边栏 start-->
		<div class="commonSide">
			<div class="sideTitle">项目圈</div>
			<ul class="sideMenu">
				<li class="active">
					<a href="javascript:void(0);">
						<span class="logo"></span>
						<span>我的项目</span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<span class="logo"></span>
						<span>我的材料库</span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<span class="logo"></span>
						<span>我的收藏</span>
					</a>
				</li>
			</ul>
		</div>
		<!--公共侧边栏 end-->
		
		<!--内容 start-->
		<div class="content">
			<div class="contentTop">
				<a class="contentBack">
					<span class="logo"></span>
					<span class="backText">返回</span>
				</a>
				<span class="contentSever">|</span>
				<div class="contentTitle">侨乡物业项目</div>
				<span class="contentTitleSever">></span>
				<div class="contentSecondTitle">设计预评价</div>
				<div class="help">
					<a href="javascript:void(0)">
						<span class="logo"></span>
						<span>技术支持</span>						
					</a>
				</div>
				<div class="clear"></div>
			</div>
			
			<!--项目圈内容 start-->
			<div class="wayDesign3">
				<div class="projectBox wayDesign1StepStatusBox">
					<div class="stepStatus">
						<div class="step">
							<div class="stepDec active">
								<div class="stepNum">1</div>
								<div class="stepName">房间信息</div>
							</div>
							<div class="stepLine">
								<div class="prepareLine hidden"></div>
								<div class="finishLine "></div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="step">
							<div class="stepDec active">
								<div class="stepNum">2</div>
								<div class="stepName">添加材料</div>
							</div>
							<div class="stepLine">
								<div class="prepareLine hidden"></div>
								<div class="finishLine "></div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="step">
							<div class="stepDec active">
								<div class="stepNum">3</div>
								<div class="stepName">时间设置</div>
							</div>
							<div class="stepLine">
								<div class="prepareLine"></div>
								<div class="finishLine hidden"></div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="step">
							<div class="stepDec">
								<div class="stepNum">4</div>
								<div class="stepName">通风设置</div>
							</div>
							<div class="stepLine">
								<div class="prepareLine"></div>
								<div class="finishLine hidden"></div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="step">
							<div class="stepDec">
								<div class="stepNum">5</div>
								<div class="stepName">计算结果</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
				
				
				<div class="projectBox timeSetting"> 
					<div class="timeSettingForm">
						<div class="inputGroup pr">
							<label>项目周期</label>
							<input type="text" id="date1" placeholder="请选择项目起止日期" class="longInput">
							<div class="dateSelect"></div>
							<div class="clear"></div>
						</div>
						<div class="inputGroup pr">
							<label>项目周期</label>
							<input type="text" id="date2" placeholder="请选择项目起止日期" class="longInput">
							<div class="dateSelect"></div>
							<div class="clear"></div>
						</div>
						<div class="inputGroup pr">
							<label>项目周期</label>
							<input type="text" id="date3" placeholder="请选择项目起止日期" class="longInput">
							<div class="dateSelect"></div>
							<div class="clear"></div>
						</div>
						<div class="inputGroup">
							<label>材料时间</label>
							<div class="default">
								<span class="logo"></span>
								默认
							</div>
							<div class="selfControl">
								<span class="logo"></span>
								自定义
							</div>
							<div class="clear"></div>
						</div>
						
						<div class="materialList">
							<ul>
								<li class="listDec">
									<div>材料序号</div>
									<div>类型</div>
									<div>时间</div>
									<div class="clear"></div>
								</li>
								<li class="memberDec">
									<div>01</div>
									<div>强化木地板</div>
									<div class="timeSelectBox">
										<div class="inputGroup pr">
											<input type="text" id="date4" placeholder="请选择项目起止日期" class="longInput">
											<div class="dateSelect"></div>
											<div class="clear"></div>
										</div>
									</div>
									<div class="clear"></div>
								</li>
								
							</ul>
						</div>
						
						<div class="wid100 tac">
							<button class="backUpdate">返回修改</button>		
							<button class="nextBtn">下一步</button>						
						</div>
						
					</div>
				</div>	
				
			</div>
			<!--项目圈内容 end-->
		</div>
		<!--内容 end-->
		
	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<!--网页文案排版-->
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pangu/3.3.0/pangu.min.js"></script>
	<!--日历-->
	<script type="text/javascript" src="js/littleComponent/laydate.dev.js"></script>
	<script type="text/javascript" src="js/component.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			//初始化日历插件
			laydate({
		        elem: '#date1'
		    });
		    laydate({
		        elem: '#date2'
		    });
		    laydate({
		        elem: '#date3'
		    });
		    laydate({
		        elem: '#date4'
		    });
			//获取content宽度
			var contentWidth = $(window).innerWidth() - 180;
			$('.content').css('width',contentWidth + 'px');
		
		});
		
	</script>
</html>
